<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./js/vue.js"></script>
    <title>Document</title>
</head>

<body>
    <div id="app"></div>
    <script>

        const vm = new Vue({

            template: ` <p>{{myname}}的基础使用</p> `,
            data: {
                myname: "Vue",
            },

        });

        vm.$mount("#app");

        /*
        
        情景：当vue 实例在实例化时没有收到el选项，那么该实例整个将处于“未挂载状态”，即没有与之关联的DOM元素，被渲染到页面

        提示： 可以通过其生命周期中的$mount()手动挂载

        解决：如代码所示，直接调用该实例自身的$mount进行挂载，它的参数与el选项一样，第一种：直接写选择器参数，由vue自行调用，第二种：自己写具体的节点作为vue的容器

        注意：① 该方法在实例自身，它如果无法成功调用后续所有函数均不能调用
              ② 它可以实现异步挂载

        
        
        
        
        
        */ 



    </script>
</body>

</html>